import { useTypographyStyles } from './styles.tsx';

import type { FC, ReactNode } from 'react';

interface ICommonTextProps {
    regular?: boolean;
    children: ReactNode
}

export const CommonText:FC<ICommonTextProps> = ({ children, regular = false }) => {
    const { styles, cx } = useTypographyStyles();
    return (
        <div className={cx(styles.commonText, { ['size-14']: regular })} >
            {children}
        </div>
    );
};

